@import "variables";

/*
	Theme controls how everything looks in Gallery CSS.
*/

.gallery {
	position: relative;

  .item { height: 400px; overflow: hidden; text-align: center; background: #4d87e2; }
	.controls { position: absolute; bottom: 0; width: 100%; text-align: center; }

	.control-button {
		display: inline-block; margin: 0 .02em;
		font-size: 3em;

		@extend %inactive-button;

		text-align: center; text-decoration: none;
		transition: color .1s;

		&:hover { @extend %active-button; }
	}
}